<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>微信登录</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <style type="text/css">
      body{-webkit-overflow-scrolling:touch;}
      html, body{overflow-x: hidden;}
      body{
        background: #ffffff;
      }
      .header{
        height: 1.76rem;
        position: relative;
        text-align: center;
        line-height: 1.76rem;
        font-size: 0.8rem;
        color: #666;
        margin-bottom: 1.6rem;
      }
      .header img{
        position: absolute;
        left: 0;
        top: 0;
        width: 2.03rem;
      }
      .text_div{
        height: 1.33;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2.13rem;
      }
      .text_label{
        width: 1.73rem;
        margin-right: 1.07rem;
      }
      .text_label img{
        height: 1.33rem;
        margin: 0 auto;
      }
      .content{
        width: 12.8rem;
        box-sizing: border-box;;
        border-bottom: 2px solid #666;
        position: relative;
      }
      .content input{
        border: none;
        height: 1.33rem;
        line-height: 1.33rem;
        padding-left: 0.53rem;
        outline: none;
        color: #666;
      }
      .content div{
        position: absolute;
        right: 0;
        top: -0.35rem;
        width: 4.75rem;
        height: 1.54rem;
        line-height: 1.54rem;
        text-align: center;
        font-size: 0.69rem;
        border: 2px solid #666;
        border-radius: 0.84rem;
        color: #666;
      }
      .login_btn{
        width: 14.5rem;
        height: 2.77rem;
        text-align: center;
        background: #fe4aa0;
        color: #fff;
        font-size: 0.8rem;
        line-height: 2.77rem;
        border-radius: 1.88rem;
        letter-spacing: 0.26rem;
        margin: 0.53rem auto;
      }
    </style>
</head>
<body>
  <div class="header">
    <img src="../image/login/back.png" />快速登录
  </div>
  <div class="text_div">
    <div class="text_label"><img src="../image/login/icon1.png" /></div>
    <div class="content">
      <input placeholder="请输入您的手机号"/>
    </div>
  </div>
  <div class="text_div">
    <div class="text_label"><img src="../image/login/icon2.png" /></div>
    <div class="content">
      <input placeholder="请输入验证码"/>
      <div>获取验证码</div>
    </div>
  </div>
  <div class="text_div">
    <div class="text_label"><img src="../image/login/icon3.png" /></div>
    <div class="content">
      <input placeholder="请输入邀请码"/>
    </div>
  </div>
  <div class="login_btn">登录</div>
</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript" src="./script/zepto.min.js"></script>
<script type="text/javascript" src="./script/common.js"></script>
</html>
